<!-- 酒店设施 -->

<template>
  <el-form
    ref="formRef"
    :model="form.data"
    :disabled="form.status==='r'||form.submitting"
    :label-width="form.show&&isActive?'auto':undefined"
    class="commodity-form-module"
  >
    <!-- 非必选 -->
    <el-form-item
      label="停车场"
      prop="facilities.parkingType"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.parkingType"
        :valueName.sync="form.data.facilities.parkingName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.PARKING"
      />
    </el-form-item>

    <!-- 非必选 -->
    <el-form-item
      label="交通服务"
      prop="facilities.traffic"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.trafficType"
        :valueName.sync="form.data.facilities.trafficName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.TRAFFIC"
      />
    </el-form-item>

    <!-- 非必选 -->
    <el-form-item
      label="信息服务"
      prop="facilities.information"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.informationType"
        :valueName.sync="form.data.facilities.informationName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.INFORMATION"
      />
    </el-form-item>

    <!-- 非必选 -->
    <el-form-item
      label="餐饮服务"
      prop="facilities.restaurant"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.restaurantType"
        :valueName.sync="form.data.facilities.restaurantName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.RESTAURANT"
      />
    </el-form-item>

    <!-- 非必选 -->
    <el-form-item
      label="休闲娱乐"
      prop="facilities.recreation"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.recreationType"
        :valueName.sync="form.data.facilities.recreationName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.RECREATION"
      />
    </el-form-item>

    <!-- 非必选 -->
    <el-form-item
      label="商务服务"
      prop="facilities.business"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.businessType"
        :valueName.sync="form.data.facilities.businessName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.BUSINESS"
      />
    </el-form-item>

    <!-- 非必选 -->
    <el-form-item
      label="前台服务"
      prop="facilities.reception"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.receptionType"
        :valueName.sync="form.data.facilities.receptionName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.RECEPTION"
      />
    </el-form-item>

    <!-- 非必选 -->
    <el-form-item
      label="其它服务"
      prop="facilities.other"
    >
      <hotel-facility
        :valueType.sync="form.data.facilities.otherType"
        :valueName.sync="form.data.facilities.otherName"
        :checkBoxsData="$enum.ENUM_COMMODITY_HOTEL_FACILITY_TYPE.OTHER"
      />
    </el-form-item>
  </el-form>
</template>

<script>
import mixin from './mixin'
import HotelFacility from '../components/HotelFacility.vue'

export default {
  name: 'HotelFacilities',
  mixins: [mixin],
  components: { HotelFacility },
  data () {
    return {}
  },
  methods: {}
}
</script>

<style lang="scss" scoped>

</style>
